<template>
  <div class="user-wrapper">
    <span class="action">
      <a-icon type="search"></a-icon>
    </span>
    <span class="action">
      <a class="logout_title" target="_blank" href="http://doc.jeecg.com">
        <a-icon type="question-circle-o"></a-icon>
      </a>
    </span>
    <header-notice class="action" />
    <a-dropdown>
      <span class="action action-full ant-dropdown-link user-dropdown-menu">
        <a-avatar class="avatar" size="small" />
        <span>欢迎您，</span>
      </span>
      <a-menu slot="overlay" class="user-dropdown-menu-wrapper">
        <a-menu-item key="0">
          <router-link :to="{ name: 'account-center' }">
            <a-icon type="user" />
            <span>个人中心</span>
          </router-link>
        </a-menu-item>
        <a-menu-item key="1">
          <router-link :to="{ name: 'account-settings-base' }">
            <a-icon type="setting" />
            <span>账户设置</span>
          </router-link>
        </a-menu-item>
        <a-menu-item key="3">
          <a-icon type="tool" />
          <span>系统设置</span>
        </a-menu-item>
        <a-menu-item key="4">
          <a-icon type="setting" />
          <span>密码修改</span>
        </a-menu-item>
        <a-menu-item key="5">
          <a-icon type="cluster" />
          <span>切换部门</span>
        </a-menu-item>
        <a-menu-item key="6">
          <a-icon type="sync" />
          <span>清理缓存</span>
        </a-menu-item>
      </a-menu>
    </a-dropdown>
    <span class="action">
      <a class="logout_title" href="javascript:;">
        <a-icon type="logout" />
        <span>&nbsp;退出登录</span>
      </a>
    </span>
  </div>
</template>

<script>
export default {
  name: "UserMenu",

  data() {
    return {};
  },
  components: {}
};
</script>

<style lang="scss" scoped>
// .user-wrapper .search-input {
//   width: 180px;
//   color: inherit;

// }
.user-wrapper {
  .action {
    margin-left: 10px;
    font-size: 18px;
  }

  .ant-select-selection {
    background-color: inherit;
    border: 0;
    border-bottom: 1px solid white;

    &__placeholder,
    &__field__placeholder {
      color: inherit;
    }
  }
}

.logout_title {
  color: inherit;
  text-decoration: none;
}</style>

